<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="__INDEX__/css/style.css" />
		<link rel="stylesheet" href="__INDEX__/css/iconfont.css" />
		<link rel="stylesheet" href="__INDEX__/css/wallet.css" />
		<style type="text/css">
			.payment_erweima canvas{width: 180px; height: 180px;}
			@media only screen and (min-width: 321px){.payment_conbox{margin-top: 0px;}.payment_erweima canvas,.payment_erweima{width: 210px; height: 210px;}.payment_conbox .tip{font-size: 17px; line-height: 30px;}}
			@media only screen and (min-width: 381px){.payment_conbox{margin-top: 0px;}.payment_erweima canvas,.payment_erweima{width: 240px; height: 240px;}.payment_conbox .tip{font-size: 18px; line-height: 30px;}}
			@media only screen and (width: 384px){.payment_erweima canvas,.payment_erweima{width: 220px; height: 220px;}}
			@media only screen and (min-width: 600px){.payment_conbox{margin-top: 0px;}.payment_erweima canvas,.payment_erweima{width: 340px; height: 340px;}.payment_conbox .tip{font-size: 25px; line-height: 30px;}.payment_btnbox{height: 70px; line-height: 70px; font-size: 27px;}}
			@media only screen and (min-width: 900px){.payment_conbox{margin-top: 0px;}}	
			.mui-bar-nav{background: white; box-shadow: none; color: #000000;}	
			.mui-bar-nav a, .mui-bar-nav h1{color: #000000;}
			.mui-bar-nav~.mui-content{padding-top: 64px;}	
		</style>
		
	</head>

	<body>
		<div class="mui-content payment_content" style="background: #42bb39;">
			<div class="payment_conbox">
				<div class="payment_yhnam" style="font-size: 32px;">推荐使用微信支付</div>
				<div class="erweimabox">
					<p class="erweim_bt">杨梅色彩<em style="padding: 0;">.</em>轻创平台
					</br>创客专属微信支付收款二维码
					</p>
				</br>
					<div class="payment_erweima"  >
						<div id="qrcode" ></div>
						<img id="code_img" src="" style="display: none;"/>
					</div>
				</br>
				</br>
				</div>
				<div class="payment_yhnam" style="font-size: 24px;color: #ffffff;">扫一扫 体验微信支付奖励金</div>
				<div style="width:100%;background-color: #fff; ">
				<ul class="erweima_bottom clearfix">
						{if $logo}
						<li style="width: 60%;">
							<p class="erwm_fkimg" style="display: inline-block;height: 50px;line-height: 50px;"><img src="{$logo}" style="width: 30px;height: 30px;">{$Think.session.user_info.nick_name}</p>
						</li>
						{else/}
						<li style="width: 60%;">
							<p class="erwm_fkimg" style="display: inline-block;height: 50px;line-height: 50px;"><img src="{__INDEX__/images/lg1.png}" style="width: 30px;height: 30px;"></p>
						</li>
						{/if}
						<li style="width: 40%;">
							<p class="erwm_fkimg" style="display: inline-block;height: 50px;line-height: 50px;"><img src="__INDEX__/images/weixin.jpg" style="width: 30px;height: 30px;">微信支付</p>
						</li>
					</ul>
			</div>
			</div>
		</div>
	</body>
</html>
{include file="public/footer" /}
<script type="text/javascript" src="__INDEX__/js/jquery.qrcode.js"></script>
<script type="text/javascript" src="__INDEX__/js/utf.js"></script>
 <script>
    $("#qrcode").qrcode({
        render : "canvas",    //设置渲染方式，有table和canvas，使用canvas方式渲染性能相对来说比较好
        text : '{$code_url}',    //扫描二维码后显示的内容,可以直接填一个网址，扫描二维码后自动跳向该链接
        width : "180",               //二维码的宽度
        height : "180",              //二维码的高度
        background : "#ffffff",       //二维码的后景色
        foreground : "#000000",        //二维码的前景色
        src: ""             //二维码中间的图片
    });

</script>